<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery/simplehtml5audio/jquery.simpleplaylist.js"></script>
<link type="text/css" href="/css/simplehtml5audio/simpleplaylist.css" rel="stylesheet">

<script type="text/javascript">
	$(document).ready(function() {
    	$('.playlist').playlist();
  	});
</script>
</head>

<body>
	  <h1>Simple HTML5 Audio Playlist Demo</h1>
  
  <ul class="playlist">
    <li>
      <div class="track">
        <span class="controls" id="playToggle"></span>
        <span class="title">Science Writing Competition</span>
        <span style="display: none;" class="minus">-</span>
        <span id="timeleft">3:17</span>
      </div>
      <audio>
        <source src="/media/Chanchullo.mp3" type="audio/mp3"></source>
        Your browser does not support the <code>audio</code> element.
      </audio>
    </li>
  </ul>
  
</body>
</html>